<div id="custAct">

    <el-form-q form="query" :field-data="mainGrid.queryFields" :buttons="mainGrid.queryButtons"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="plus" @click="openCreateFn">{{ $t('custAct.kh') }}</el-button>
            <el-button icon="edit" @click="handleModify('trad')">{{ $t('custAct.jyls') }}</el-button>
        </el-button-group>
    </div>

    <el-table-x ref="mytable" :radiobox='true' :max-height="mainGrid.height" :data-url="mainGrid.dataUrl" :data-params="mainGrid.dataParams"
        :table-columns="mainGrid.tableColumns" @row-click="rowClickFn">
    </el-table-x>

    <el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
        <el-form-x ref="myform" :group-fields="updateFields" :disabled="formDisabled" label-width="120px"></el-form-x>
        <div slot="footer" class="dialog-footer" align="center">
            <el-button v-if="dialogStatus=='create'" icon="check" type="primary" @click="saveCreateFn()">{{ $t('custAct.bc') }}</el-button>
            <el-button v-if="dialogStatus=='update'" icon="check" type="primary" @click="saveEditFn()">{{ $t('custAct.bc') }}</el-button>
            <el-button icon="yx-undo2" @click="dialogFormVisible = false">{{ $t('custAct.gb') }}</el-button>
        </div>
    </el-dialog-x>
    <!--:before-close="closeAuthViewFn"-->

    <el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="tradGrid.dialogVisible" width="1200px" height="400px">
        <el-table-x ref="mytableTrad" :pageable="false" :checkbox="true" :max-height="tradGrid.height" :data-url="tradGrid.dataUrl"
            :data-params="tradGrid.dataParams" :table-columns="tradGrid.tableColumns" @row-click="rowClickFn">
        </el-table-x>
    </el-dialog-x>
</div>